<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢卖</title>
    <!--引包先引入第三方的包-->
    <link rel="stylesheet" type="" href="./lib/bootstrap/css/bootstrap.css">
    <!--引入less的话需要 把 rel 修改成 rel="stylesheet/less"  或者是  rel="stylesheet"  type="text/less"-->
    <!--<link rel="stylesheet/less" href="./css/base.less">
    <link rel="stylesheet/less" href="./css/produce.less">-->
    <!--解析less文件-->
    <!--<script src="./lib/less/less.js"></script>-->
    <!-- 和上面的less一样 -->
    <link rel="stylesheet" type="" href="./css/base.css">
    <link rel="stylesheet" href="./css/produce.css">
</head>

<body>
    <!--header  start-->
    <header id="header">
        <a href="javascript:;">
            <img src="./images/header_logo.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>
    <!--header  end-->

    <!--search  start-->
    <aside id="search">
        <input type="seaarch" name="" placeholder="慢慢卖">
        <input type="button" value="搜索">
    </aside>
    <!--search  end-->

    <!--nav start-->
    <nav id="nav">
        <ol class="breadcrumb">
            <li><a href="./index.html">首页</a></li>
            <li><a href="./category.html">全部分类</a></li>
            <li class="active">电视</li>
        </ol>
        <input type="button" value="筛选">
    </nav>
    <!--nav end-->

    <!--produce start-->
    <section id="produce">
        <ul>
            <!--用模板动态生成-->
            <!--<li>
                <a href="javascript:;">
                    <img src="http://pic2010.manmanbuy.com/20107/Thumb/Thumb_2010070008473053163.jpg" alt="">
                    <div class="produce-title">
                        <p>
                            乐视TV(letv)S50 Ail全配版2D 50英寸全高清LED液晶电视
                        </p>
                        <p>￥2345.00</p>
                    </div>
                    <div class="produce-say">
                        <span>报价(4)</span>
                        <span>评论(2345)</span>
                    </div>
                </a>
            </li>-->
        </ul>
        <div class="page">
            <span><a href="javascript:;" class="prov" data-page="0" data-total="0">上一页</a></span>
            <span>
                <select>
                    <!--<option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>                    -->
                </select>
            </span>
            <span><a href="javascript:;" class="next" data-page="0" data-total="0">下一页</a></span>
        </div>
    </section>
    <!--produce end-->


    <!--footer  start-->
    <footer id="footer">
        <div class="top">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <!--可以在js中写  window.scroolTo(0,0)  在这里写必须把#header写在href里面-->
            <a href="#header"><span class="glyphicon glyphicon-arrow-up"></span>返回顶部</a>
        </div>
        <div class="bottom">
            <p>
                <a href="javascript:;">手机app下载</a> 慢慢买手机版--掌上比价平台
            </p>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
    <!--footer  end-->
</body>

<script src="./lib/zepo/zepto.js"></script>
<script src="./js/handlebars-1.0.0.beta.6.js"></script>
<script src="./js/url.js"></script>
<script src="./js/produce.js"></script>

<!--创建模板-->
<script type="text/html" id="produceList">
    {{#each result}}
    <li>
        <a href="javascript:;">
            {{{productImg}}}
            <div class="produce-title">
                <p>{{productName}}</p>
                <p>{{productPrice}}</p>
            </div>
            <div class="produce-say">
                <span>{{productQuote}}</span>
                <span>{{productCom}}</span>
            </div>
        </a>
    </li>
    {{/each}}
</script>

</html>